@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:12px; line-height:24px; color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; background:#EDEDED;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333;}
a,img{ border:none;}
a:hover{ text-decoration:none;}
a:focus{ outline:none;-moz-outline:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.w{ width:1022px; margin:0px auto;}
/* header */
#header{ height:123px; margin:0px auto; background:url(../images/headerbg.jpg) repeat-x;}
#nav{ height:38px; line-height:38px; padding:0px 20px;}
#nav a{ font-size:14px; font-weight:bold; color:#fff; display:block; float:left; width:120px; height:38px; text-align:center;}
#nav a:hover,#nav a.ck{ color:#333; background:url(../images/navck.jpg) no-repeat center;}
#header #top{ position:absolute; top:10px; margin-left:870px;}
#header #top a{ background:url(../images/t1.jpg) 0px 15px no-repeat; padding:10px; margin-left:5px;}
/* banner */
.bannar{height:400px;margin:0 auto;overflow:hidden;border-bottom:1px solid #b7b7b7;position:relative;}
.float{position:absolute;width:100%;height:50px;bottom:0;left:0;z-index:111111;}
.floatBg{width:100%;height:100%;background:#fff;filter:alpha(opacity = 70);opacity:0.7;}
.float .w{position:absolute;top:0;z-index:1;left:50%;margin-left:-500px;}
.float .news{float:left;color:#333;line-height:50px;width:auto;margin-top:0;}
.news span{color:#555555;}
.smallImage{float:right;margin-top:8px; margin-right:5px;}
.smallImage a{width:47px;height:32px;border:2px solid #d3d3d3;overflow:hidden;float:left;margin-right:5px;overflow:hidden;}
a.activeSlide{border:2px solid #f17406;}
.smallImage img{width:45px;height:30px;border:1px solid #fff;}
.top-banner a{ width:100%; height:400px; display:block; float:left;}
.banner1{ height:400px; width:100%; cursor:pointer;}
.banner2{ cursor:pointer;}
.banner3{ cursor:pointer;}
.banner4{ cursor:pointer;}
/* content */
#content{ width:1022px; margin:0px auto; background:#ededed; padding:15px 0px;}
h1{ border-bottom:#818182 solid 2px; height:23px;}
h1#cate{ border-bottom:#818182 solid 0px;}
h1 img{ float:left;}
.tree{}
.tree li{ width:201px; margin-top:4px;}
.tree li a{ background:url(../images/sort.jpg) no-repeat; display:block; width:171px; height:30px; font-size:13px; font-weight:bold; color:#fff; line-height:30px; padding-left:30px;}
.tree li a:hover,.tree li.ck a{ background:url(../images/sortck.jpg) no-repeat;}
.tree li.ck .two li a{background:url(../images/t4.png) 34px 8px no-repeat;}
.two{ border:#959595 solid 1px; border-top:#959595 solid 0px; background:#fff; display:none; padding:5px 0px;}
.two li{ width:201px; height:24px; margin-top:0px;}
.two li a{ background:url(../images/t4.png) 34px 8px no-repeat; display:block; width:151px; height:24px; font-size:12px; font-weight:normal; color:#333; line-height:24px; padding-left:50px;}
.two li a:hover{ color:#006ab8; background:none;}
.tel{ background:url(../images/telbg.jpg) no-repeat; padding-top:55px; padding-left:15px; font-weight:bold; font-family:"宋体"; margin-top:15px; line-height:22px; height:118px;}
.con{ margin:10px;}
.falsh{ float:left; margin-right:10px; background:url(../images/falshbg.jpg) no-repeat; width:232px; height:177px; padding:6px; overflow:hidden;}
.container{ width:232px; height:177px;}
#idSlider2 li a{ display:block; width:230px; height:175px;}
#idSlider2 li a img{ display:block; width:230px; height:175px;}
.num{ position:absolute; right:5px; bottom:5px; font:12px/1.5 tahoma, arial; height:14px;}
.num li{
float: left;
color: #d94b01;
text-align: center;
line-height: 12px;
width: 12px;
height: 12px;
font-family: Arial;
font-size: 11px;
cursor: pointer;
margin-left: 3px;
border: 1px solid #f47500;
background-color: #fcf2cf;
}
.num li.on{
line-height: 13px;
width: 13px;
height: 13px;
font-size: 12px;
margin-top:-2px;
background-color: #ff9415;
font-weight: bold;
color:#FFF;
}
.news{}
.news li{ border-top:#ccc dashed 1px; height:23px; line-height:23px;}
.news li:first-child{ border-top:#ededed dashed 1px;}
.news a{ float:left; display:block; width:235px;}
.news span{ float:right; display:block; width:80px; color:#777;}
.hot{ padding-top:5px;}
.hot li{ width:178px; height:170px; float:left; margin:0px 7px;}
.hot li img{ width:170px; height:127px; padding:3px; border:#818182 solid 1px;}
.hot li a:hover img{border:#00acff solid 1px;}
.hot li p{ text-align:center; margin-top:-6px; _margin-top:6px;}
.more{ display:block; float:right; width:60px; color:#777; font-size:12px; font-weight:normal;}
/*newlist*/
.t{ margin:10px;}
.t li{ background:url(../images/t3.jpg) 2px 9px no-repeat; line-height: 24px; border-bottom:#ccc dashed 1px; overflow: hidden; padding-left: 15px; padding-bottom: 3px;}
.t li a{ display:block; float:left; width:630px; overflow:hidden;}
.t li span{ display:block; float:right; width:80px; text-align:right; color:#777;}
/*new*/
.title{ text-align:center; margin:10px 0px 0px 0px; font-size:20px; clear:both; display:block;}
h2{ font-size:12px; font-weight:normal; color:#777; text-align:right; border-bottom:#ccc dashed 1px; line-height:24px;}
/*product*/
.pro{ margin:15px;}
.pro strong{ border-bottom:#ccc dashed 1px; line-height:24px; display:block; padding-bottom:5px;}
.pro img{ border:#ccc solid 1px; padding:5px; display:block; margin:10px auto;}
/*gbook*/
.inputtext{ height:22px; line-height:22px; border:#ccc solid 1px; width:200px; color:#777;}
/*page*/
.content_page{ margin:10px; text-align:right;}
.content_page span{ background:#4b70e3; border:1px solid #e0e0e0; color:#fff; margin:1px; padding:4px 6px;}
.content_page a{ border:1px solid #e0e0e0; color:#666; margin:1px; padding:4px 6px; background:#FFF;}
.content_page .ck{ background:#4b70e3; border:1px solid #e0e0e0; color:#fff; font-weight:bold; margin:1px; padding:4px 6px;}
/*endpage*/
/* banner */
#footer{ background:url(../images/footerbg.jpg); border-top:#00acff solid 3px; }
#footer .m{ width:980px; height:130px; margin:0px auto;color:#efefef; padding:0px 21px; padding-top:15px;}
#footer dl{ float:left;}
#footer dt{ font-size:14px; font-weight:bold; background:url(../images/t2.jpg) 0px 10px no-repeat; padding-left:13px;}
#footer dd{ padding-left:13px;}
#footer a{ color:#efefef;}
#footer a:hover{ color:#fff;}